<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页面</title>
<!--    <link rel="stylesheet" href="WEB-INF/js/bootstrap.min.css">-->
    <link rel="stylesheet" href="./bootstrap.min.css">

  
</head>
<!-- 设置左边和上面的距离 使表格显示居中位子 -->
<body style="width:auto">
    <button class="btn btn-primary" id="add">
     <!-- <a href="./add.html" target="blank"> -->
        新增
    <!-- </a> --></button>
    <button class="btn btn-primary" id="del">删除</button>
    <button class="btn btn-primary" id="updata">编辑</button>
    <button class="btn btn-primary" id="select">查询</button>

    <!-- <button class="btn">按工号查询</button> 
        <button class="btn">按姓名查询</button>  -->
    <input type="text" name="" id="selId" placeholder="按工号查询">
    <input type="text" name="" id="selName" placeholder="按姓名查询">


    <!-- <form> -->
    <!-- 表头 -->
    <table class="table table-responsive" >
        <tr>
            <th></th>
            <th>学号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>出生日期</th>
            <th>备注</th>
            <th>家庭</th>

        </tr>
        <!-- 表格内容 -->

        <tr class="info">
            <td><input type="checkbox"></td>
            <td>1001</td>
            <td>吴彦祖</td>
            <td>男</td>
            <td>2010-10-10</td>
            <td>班长</td>
            <td>北京朝阳</td>
        </tr>
        <tr class="warning">
            <td><input type="checkbox"></td>
            <td>1002</td>
            <td>张艺兴</td>
            <td>男</td>
            <td>2011-10-10</td>

            <td>副班长</td>
            <td>乌鲁木齐</td>
        </tr>

        <tr class="info">
            <td><input type="checkbox"></td>
            <td>1003</td>
            <td>周笔畅</td>
            <td>男</td>
            <td>2010-11-11</td>

            <td>音乐委员</td>
            <td>山东青岛</td>
        </tr>

        <tr class="warning">
            <td><input type="checkbox"></td>
            <td>1004</td>
            <td>刘诗诗</td>
            <td>女</td>
            <td>2012-10-10</td>
            <td>文艺委员</td>
            <td>河南郑州</td>
        </tr>
        <tr class="info">
            <td><input type="checkbox"></td>
            <td>1005</td>
            <td>陈伟霆</td>
            <td>男</td>
            <td>2010-11-11</td>
            <td>化学课代表</td>
            <td>中国香港</td>
        </tr>
        <tr class="warning">
            <td><input type="checkbox"></td>
            <td>1006</td>
            <td>章子怡</td>
            <td>女</td>
            <td>2012-10-10</td>
            <td>语文课代表</td>
            <td>浙江杭州</td>
        </tr>
        <tr class="info">
            <td><input type="checkbox"></td>
            <td>1007</td>
            <td>李易峰</td>
            <td>男</td>
            <td>2010-11-11</td>
            <td>数学课代表</td>
            <td>中国香港</td>
        </tr>
        <tr class="warning">
            <td><input type="checkbox"></td>
            <td>1008</td>
            <td>欧阳娜娜</td>
            <td>女</td>
            <td>2002-10-10</td>
            <td>英语课代表</td>
            <td>广东深圳</td>
        </tr>
        <tr class="info">
            <td><input type="checkbox"></td>
            <td>1009</td>
            <td>古力娜扎</td>
            <td>女</td>
            <td>2015-11-11</td>
            <td>生物课代表</td>
            <td>新疆哈密</td>
        </tr>
        <tr class="warning">
            <td><input type="checkbox"></td>
            <td>1010</td>
            <td>佟丽娅</td>
            <td>女</td>
            <td>2002-10-10</td>
            <td>政治课代表</td>
            <td>新疆哈密</td>
        </tr>




    </table>
    <!-- </form> -->

<!--    <script src="./WEB-INF/js/bootstrap.min.js"></script>-->
<!--    <script src="./WEB-INF/js/jquery-3.3.1.min.js"></script>-->

<!--    <script src="WEB-INF/js/js.js"> </script>-->
        <script src="bootstrap.min.js"></script>
        <script src="./jquery-3.3.1.min.js"></script>
        <script src="./js.js"></script>
 
</body>

</html>
